<template>
  <div style="margin: 10px;">
    <t-form :data="formData" :colon="true">
      <t-row :gutter="15">
        <t-col :span="3" class="form_col">
          <t-form-item  label="姓名" name="name" >
            <t-input v-model="formData.account" placeholder="请输入内容" />
          </t-form-item>
        </t-col>

        <t-col :span="3" class="form_col">
          <t-form-item  label="姓名" name="name" >
            <t-input v-model="formData.account" placeholder="请输入内容" />
          </t-form-item>
        </t-col>

        <t-col :span="3" class="form_col">
          <t-form-item label="姓名" name="name" >
            <t-input  v-model="formData.account" placeholder="请输入内容" />
          </t-form-item>
        </t-col>

        <t-col :span="3" class="form_col">
          <t-form-item  label="姓名" name="name" >
            <t-input v-model="formData.account" placeholder="请输入内容" />
          </t-form-item>
        </t-col>
        <t-col :span="3" class="form_col">
          <t-form-item  label="姓名" name="name" >
            <t-input v-model="formData.account" placeholder="请输入内容" />
          </t-form-item>
        </t-col>

      </t-row>
    </t-form>
  </div>
</template>


<script>
import { ref, reactive } from 'vue'
export default {

  setup(props) {
    const formData = reactive({
      account: '',
      password: '',
    });
    const title = ref('材料管理')


    return {
      formData,title
    }
  }
}


</script>
<style lang="css" scoped>
  .form_col{
    margin: 8px 0;
  }
</style>